<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript_事件</title>
</head>

<body>
    <img id="pic" src="img/01.png" />
    <br>
    <button id="up">上一张</button>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <button id="down">下一张</button>
    <!-- 其他常用事件测试 -->
    <p>=============================</p>
    <form method="GET" autocomplete="off">
        <input id="input" type="text" name="info"/>
        <button type="submit">提交</button> 
    </form>
    <p>=============================</p>
    <button id="dbclk" type="button">双击我崽种</button><br>
    <p>=============================</p>
    <input id="textbox" type="text" value="点我啊"/>
    <p>=============================</p>
    <input id="textbox1" type="text"/>
</body>
<!-- 使用外部引入js  -->
<script src="js/buttonFunction.js"></script>

</html>